; (function (w, undefined) {

    $.fn.lazyload = function () {
        ; (function (w, undefined) {
            $.fn.extend({
                lazyload() {
                    this.show() //页面显示
                    // this jq对象 就是你获取的所有图片
                    let t = null
                    // 1 给网页绑定滚动条滚动事件 jq语法
                    $(window).scroll(() => {
                        if (t) return //节流防抖优化
                        t = setTimeout(() => {
                            this.show()
                            t = null
                        }, 1000)
                    })
                },
                show() {
                    //事件处理函数中,获取可视区域总高度 = 网页可视窗口高度 + 滚动条滚高度
                    let height1 = document.documentElement.scrollTop || document.body.scrollTop
                    let height2 = window.innerHeight || document.documentElement.clientHeight
                    let totalHeight = height1 + height2
                    //遍历 this.each((index,item)=>{}) item就是一个个JS图片标签对象
                    // console.log(this)
                    this.each((index, item) => {
                        // console.log(item)
                        // 获取图片的offsetTop 
                        let imgTop = $(item).offset().top
                        // 判断
                        // 成立 将src改为data-original 不成立-不管
                        if (imgTop <= totalHeight) {
                            $(item).attr('src', $(item).attr('data-original'))
                        }
                    })
                }
            })
        })(window)

    }

})(window)